Свойство offsetLeft
Пример
Получить смещенное левое положение элемента <div>:
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetLeft;
Попробуйте сами »
Определение и использование
Свойство offsetLeft возвращает левое положение (в пикселях) относительно левой стороны элемента offsetParent.
Возвращаемое значение включает в себя:
- положение слева и поле элемента
- отступ слева, полоса прокрутки и границей элемента offsetParent
Примечание: Элемент offsetParent - это ближайший предок, который имеет позицию, отличную от статической.
Совет: Чтобы вернуть верхнюю позицию элемента, используйте свойство offsetTop.
Поддержка браузера
Свойство | |||||
---|---|---|---|---|---|
offsetLeft | Да | 8.0 | Да | Да | Да |
Синтаксис
Верните положение смещения влево:
object.offsetLeft
Технические детали
Default Значение: | no default value |
---|---|
Вернёт значение | Число, представляющее левое положение элемента, в пикселях |
DOM Версия: | CSSOM |
Ещё примеры
Пример
Получить положение элемента <div>:
var testDiv = document.getElementById("test");
var demoDiv = document.getElementById("demo");
demoDiv.innerHTML = "offsetLeft: " + testDiv.offsetLeft + "<br>offsetTop: " + testDiv.offsetTop;
Попробуйте сами »